<template>
<!-- 上传投保单 表单页 -->
    <el-form label-width="120px">
        <el-form-item label="所属分公司">
            <el-select v-model="saleDetail.SALESDETAIL_COMPANY" placeholder="所属分公司">
                <el-option label="总公司营业部" value="总公司营业部"></el-option>
                <el-option label="青海分公司" value="青海分公司"></el-option>
                <el-option label="北京分公司" value="北京分公司"></el-option>
                <el-option label="天津分公司" value="天津分公司"></el-option>
                <el-option label="河北分公司" value="河北分公司"></el-option>
                <el-option label="山西分公司" value="山西分公司"></el-option>
                <el-option label="内蒙古分公司" value="内蒙古分公司"></el-option>
                <el-option label="辽宁分公司" value="辽宁分公司"></el-option>
                <el-option label="大连分公司" value="大连分公司"></el-option>
                <el-option label="吉林分公司" value="吉林分公司"></el-option>
                <el-option label="黑龙江分公司" value="黑龙江分公司"></el-option>
                <el-option label="上海分公司" value="上海分公司"></el-option>
                 <el-option label="江苏分公司" value="江苏分公司"></el-option>
                <el-option label="浙江分公司" value="浙江分公司"></el-option>
                <el-option label="宁波分公司" value="宁波分公司"></el-option>
                <el-option label="安徽分公司" value="安徽分公司"></el-option>
                <el-option label="福建分公司" value="福建分公司"></el-option>
                <el-option label="厦门分公司" value="厦门分公司"></el-option>
                <el-option label="江西分公司" value="江西分公司"></el-option>
                <el-option label="山东分公司" value="山东分公司"></el-option>
                <el-option label="青岛分公司" value="青岛分公司"></el-option>
                <el-option label="河南分公司" value="河南分公司"></el-option>
                <el-option label="湖北分公司" value="湖北分公司"></el-option>
                <el-option label="湖南分公司" value="湖南分公司"></el-option>
                 <el-option label="广东分公司" value="广东分公司"></el-option>
                <el-option label="广西分公司" value="广西分公司"></el-option>
                <el-option label="重庆分公司" value="重庆分公司"></el-option>
                <el-option label="云南分公司" value="云南分公司"></el-option>
                <el-option label="陕西分公司" value="陕西分公司"></el-option>
                <el-option label="甘肃分公司" value="甘肃分公司"></el-option>
                <el-option label="海南分公司" value="海南分公司"></el-option>
                <el-option label="新疆分公司" value="新疆分公司"></el-option>
                <el-option label="贵州分公司" value="贵州分公司"></el-option>
                <el-option label="宁夏分公司" value="宁夏分公司"></el-option>
                <el-option label="航运保险运营中心" value="航运保险运营中心"></el-option>
               
            </el-select>
        </el-form-item>
        <el-form-item label="所属支公司">
            <el-input v-model="saleDetail.SALESDETAIL_PARTCOMPANY" placeholder="所属支公司"></el-input>
        </el-form-item>
        <el-form-item label="保险单号">
            <el-input v-model="saleDetail.SALESDETAIL_INSURANCENUMBER" placeholder="保险单号"></el-input>
        </el-form-item>
        <el-form-item label="附件上传">
            <el-button type="primary" class="fileselect">
                <input type="file" @change="upload" value="" id="fileup"> 上传附件
            </el-button>
        </el-form-item>
        <el-form-item style="text-align:center">
            <el-button type="primary" @click="onSubmit">提交</el-button>
        </el-form-item>
    </el-form>
</template>
<script>
import { mapState } from "vuex";
import api from "@/js/api";
export default {
  data() {
    return {
      //   formInline: {
      //     user: "",
      //     region: ""
      //   }
    };
  },
  props: {
    id: {
      type: String,
      default: ""
    }
  },
  computed: mapState({
    saleDetail: state => state.SealDetail.model
  }),
  methods: {
    onSubmit() {
       if (!this.saleDetail.SALESDETAIL_INSURANCEDOC || !this.saleDetail.SALESDETAIL_PARTCOMPANY||!this.saleDetail.SALESDETAIL_INSURANCENUMBER ||!this.saleDetail.SALESDETAIL_COMPANY) {
        that.$notify.error({
          title: "失败",
          message: "请将信息填写完整"
        });
        return;
      }
      this.saleDetail.SALESDETAIL_ID = this.id;
      this.saleDetail.SALESDETAIL_CHECKSTATE = "购买完成";
      this.saleDetail.SALESDETAIL_STATE="购买完成";
      api.SaldetailMoney(this, this.saleDetail);
    },
    upload() {
      let file = event.target.files[0];
      if (file) {
        const formData = new FormData();
        formData.append("file", file);
        let that = this;
        api.uploadFile(this, formData, function(msg) {
          document.getElementById("fileup").value = "";
          that.saleDetail.SALESDETAIL_INSURANCEDOC = msg.Result.FilesList[0];
          // console.log(that.saleDetail);
        });
      }
    }
  },
  created() {
    this.$store.commit("changer", {});
  }
};
</script>

<style>

</style>
